/* common */

*{
   font-size:100%;
  font-family: verdana, sans-serif;
 text-decoration: none; 
  margin: 0px;
  padding: 0px;
  background: transparent;
  background-repeat: no-repeat;
  text-align: left;
  line-height: 130%;
}

a {
  font-size: 60%;
  text-decoration: none;
}
a:link {
  color: #A5A5A5;
}
a:visited {
  color: #A5A5A5;
}
a:hover {
  color: #FFFFFF;
  background-color: #EBF3FA;
}
a:active {
  color: #A5A5A5;
}

html {
    scrollbar-track-color: #EBF3FA;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-darkshadow-color: #ABBFD9;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #ABBFD9;
    scrollbar-arrow-color: #CECECE;
}

body {
  color: #373C54;
   text-align: center;
  padding: 10px 12px 10px 187px;
  background-color: white;
  background-image: url(material/menuback.jpg);
  background-position: top,left;
  background-repeat: repeat-y;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 clear: both;
 font-weight: normal;
}

a.img {
border: none;
}

img {
  border: 0px;
  vertical-align: bottom;
}
.p1 {
margin-bottom: 5px;
}
.p2{
margin-bottom: 6px;
}
.p3 {
margin-bottom: 14px;
margin-left: 10px;
}
.p4 {
margin-bottom: 4px;
margin-left: 10px;
}
.p5 {
margin-bottom: 10px;
}
#main {
   position: relative;
   font-size: 84%;
  text-align: center;
}
#cent {position: relative;
   text-align: left; 
   width: 641px;
   padding: 0px 0px 1px 0px;
}
#cont {
padding: 5px 0px;
border-bottom: 5px solid #EBF3FA;
}

.pt {
    clear: left;
    text-align: right;
}
.left { text-align: left;
}
.right { text-align: right;
}
.center { text-align: center;
}
.bold{
   font-weight: 600;
}
.lt {
   text-decoration: line-through;
}
.up {
   background-color:  #EFEFEF;
}
.line {
   border-bottom: solid 2px #EBF3FA;
   margin: 9px 0px;
   line-height: 1px;
}
.bar {
   margin: 5px 0px;
  width: 728px;
  height: 25px;
  background-image: url(material/bar.jpg);
}
#side {
  position: absolute; top: 0px; left: 0px;
  width: 175px;
  height: 588px;
  background-image: url(material/menu.jpg);
  background-position: top,left;
}

a#ae {
  display: block;
  position:absolute; top: 142px; left: 48px;
  width: 76px;
  height: 34px;
  background-image: url(material/m_ae.jpg); 
  border: none;
}
a#ae:hover {
  background-image: url(material/m_ae2.jpg); 
}

a#info {
  display: block;
  position: absolute; top: 201px; left: 63px;
  width: 56px;
  height: 29px;
  background-image: url(material/m_info.jpg); 
  border: none;
}
a#info:hover {
  background-image: url(material/m_info2.jpg); 
}

a#graph {
  display:block;
  position:absolute; top:241px; left:47px;
  width:72px;
  height:26px;
  background-image:url(material/m_graph.jpg); 
  border: none;
}
a#graph:hover {
  background-image: url(material/m_graph2.jpg); 
}

a#music {
  display:block;
  position:absolute; top:268px; left:57px;
  width:62px;
  height:25px;
  background-image:url(material/m_music.jpg); 
  border: none;
}
a#music:hover {
  background-image: url(material/m_music2.jpg); 
}

a#link {
  display:block;
  position:absolute; top:302px; left:59px;
  width:58px;
  height:25px;
  background-image:url(material/m_link.jpg); 
  border: none;
}
a#link:hover {
  background-image: url(material/m_link2.jpg); 
}

a#mail {
  display:block;
  position:absolute; top:341px; left:58px;
  width:60px;
  height:26px;
  background-image:url(material/m_mail.jpg); 
  border: none;
}
a#mail:hover {
  background-image: url(material/m_mail2.jpg); 
}

a#blog {
  display:block;
  position:absolute; top:466px; left:81px;
  width:48px;
  height:30px;
  background-image:url(material/m_blog.jpg); 
  border: none;
}
a#blog:hover {
  background-image: url(material/m_blog2.jpg); 
}

/*
a#extra {}
a#dl {}
*/

/* extra */

/* download */

/* outside */

a.g:link {font-size: 100%; color: #797979; border-bottom: 1px solid #C5C5C5; }
a.g:visited {font-size: 100%; color: #797979; border-bottom: 1px solid #C5C5C5; }
a.g:hover {font-size: 100%; color: #FFFFFF; background-color: #EBF3FA; border-bottom: 1px solid #C5C5C5; }
a.g:active {font-size: 100%; border-bottom: 1px solid #C5C5C5; }

a.b:link { font-size: 100%; color:#3A539D; border-bottom: 1px solid #C5C5C5; }
a.b:visited { font-size: 100%; color:#3A539D; border-bottom: 1px solid #C5C5C5; }
a.b:hover { font-size: 100%; color:#3A539D; background-color:#EBF3FA; border-bottom: 1px solid #C5C5C5; }
a.b:active { font-size: 100%; color:#3A539D; border-bottom: 1px solid #C5C5C5; }

.title { font-size:154%; color:#A1A2BC; }/* soft blue1 */
.title-s { color:#9192AC; }/* soft blue1_ font7 */
.gray { color:#696969; }/* gray_font4 */
.blue { color:#3A539D; }/* blue_about-s */
.red { color:#B14C45; }/* red */
.day { font-size: 76%; color:#3A539D; }/* blue */
.nday { font-size: 76%; color:#B14C45; }/* red */
.font { color: #373C54;}/* navy */
.soft { color:#7F899F; }/* soft blue2_gititle2 */
.white { color: #FFFFFF;}

.font6 { color:BBBBBB; }
.font1 { font-size:14px; }
.gititle { font-size:14px; color:#4A63AD; }
.font3 { font-size:9px; color:#A1A2BC; }
.font9 { font-size:9px; color:#9FA9BF; }